.think-dialog{
    .dialog-border {
        .dialog-border-inner {
            padding: 0;
        }
    }
    .dialog-head {
        position: relative;
    }
    .dialog-title {
        display: block;
        height: 48px;
        line-height: 48px;
        padding: 0 12px;
        border-bottom: 1px solid #ddd;
    }
    .dialog-foot {
        padding: 12px;
        text-align: right;
    }
    .dialog-close {
        position: absolute;
        display: inline-block;
        width: 15px;
        height: 15px;
        line-height: 9;
        overflow: hidden;
        right: 12px;
        top: 18px;
        cursor: pointer;
        background: url(./image/1.jpg) no-repeat 0 -20px;
    }
    .dialog-close:hover {
        background-position: 0 0;
    }
    .dialog-btn {
        display: inline-block;
        height: 30px;
        padding: 0 12px;
        margin-left: 6px;
        cursor: pointer;
        font-size: 14px;
        border-radius: 4px;
        background: url(./image/2.png) repeat-x;
    }
    .dialog-btn::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
    .dialog-define {
        background-position: 0 -125px;
        color: #fff;
        border: 1px solid #5B9807;
    }
    .dialog-define:hover {
        background-position: 0 -94px;
    }
    .dialog-define:active {
        background-position: 0 -156px;
    }
    .dialog-cancel {
        background-position: 0 -32px;
        color: #484848;
        border: 1px solid #DBDBDB;
    }
    .dialog-cancel:hover {
        background-position: 0 -1px;
    }
    .dialog-cancel:active {
        background-position: 0 -63px;
    }
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .2);
}
.think-dialog-drag .dialog-head{
    cursor: move;
}
.think-dialog-load {
    .think-dialog;
    .dialog-loading{
        display: inline-block;
        padding: 72px 120px;
        vertical-align: top;
    }
    .dialog-loading b{
        position: absolute;
        top: 50%;
        left: 50%; 
        margin-left: -16px;
        margin-top: 8px;
        display: inline-block;
        width: 32px;
        height: 32px;
        background: url(./image/8.gif) no-repeat 0 0;
    }
}
.think-dialog-iframe {
    .think-dialog;
    .dialog-loading{
        position: absolute;
        top: 50%;
        left: 50%; 
        margin-left: -16px;
        margin-top: 8px;
        display: inline-block;
        width: 32px;
        height: 32px;
        background: url(./image/8.gif) no-repeat 0 0;
    }
    .dialog-iframe{
        border-radius: 0 0 6px 6px;
    }
}
.think-dialog-success {
    .think-dialog;
    .dialog-head {
        display: none;
    }
    .dialog-body {
        padding: 24px 24px 24px 60px;
        background: url(./image/3.png) no-repeat 18px 50%;
        font-size: 14px;
        color: #484848;
    }
}
.think-dialog-error {
    .think-dialog;
    .dialog-head {
        display: none;
    }
    .dialog-body {
        padding: 24px 24px 24px 60px;
        background: url(./image/7.png) no-repeat 18px 50%;
        font-size: 14px;
        color: #484848;
    }
}
.think-dialog-loading {
    .think-dialog;
    .dialog-head {
        display: none;
    }
    .dialog-body {
        padding: 24px 24px 24px 60px;
        background: url(./image/8.gif) no-repeat 18px 50%;
        font-size: 14px;
        color: #484848;
    }
}
.think-dialog-confirm {
    .think-dialog;
    .dialog-body {
        min-width: 170px;
        padding: 24px 24px 24px 60px;
        background: url(./image/5.png) no-repeat 18px 50%;
        font-size: 14px;
        color: #484848;
    }
}
.think-dialog-alert {
    .think-dialog;
    .dialog-body {
        min-width: 170px;
        padding: 24px 24px 24px 60px;
        background: url(./image/4.png) no-repeat 18px 50%;
        font-size: 14px;
        color: #484848;
    }
}
.think-dialog-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .7;
    filter: alpha(opacity=70);
}
